<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>::myBlog:: About::</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="wrapper">
<div id="header">
	<img src="images/avatar.jpg" name="avatar" width="193" height="193" id="avatar" />
	<div id="outer-header">    	
  		<div id="inner_header">
       	  	<h2>Lâm Hoàng</h2>
          	<ul id="info">
            	<li id="i_study">Study at: Hanoi University</li>
            	<li id="i_dob">DOB: 14-12-1992</li>
            	<li id="i_address">Live at: Hanoi</li>
          	</ul><!--end info -->
            
            <ul id="topnav">
    			<li><a href="index.html">Home</a></li>
    			<li><a href="about.html" class="recent_page">About</a></li>
    			<li><a href="contact.html">Contact</a></li>
    		</ul><!--end top nav -->
            
        </div><!--end inner header -->
        
  	</div><!--end outer header -->   
    
</div><!--end header -->

<div id="content">
	<div id="l_info">
    <div class="info_wrap">
    	<h3>Basic info</h3>
      	<ul>
        	<li>Fullname: Lâm Hoàng</li>
        	<li>Date of birth: 14 December 1992</li>
        	<li>Gender: Male</li>
        	<li>Languages: Vietnamese, English</li>
        </ul>
    </div><!--end basic info-->
    
    <div class="info_wrap">
    	<h3>Work and studies</h3>
        <ul>
       	  <li>University: Hanoi University</li>
        	<li>Highschool: Quang Trung - Dong Da High</li>
            <li>Secondary school: Thai Thinh school</li>
            <li>Elementary school: Thinh Quang school</li>
            <li>Company: Lorem ipsum</li>
        	<li>Gender: Male</li>
        </ul>
    </div><!--end work and education-->
    
    </div><!--end left side info bar-->
    
    <div id="r_info">
	<div id="slide" class="info_wrap">
   	  <script type="text/javascript">
			var image1=new Image()
				image1.src="images/image1.jpg"
			var image2=new Image()
				image2.src="images/image2.jpg"
			var image3=new Image()
				image3.src="images/image3.jpg"
			var image4=new Image()
				image4.src="images/image4.jpg"
			var image5=new Image()
				image5.src="images/image5.jpg"
		</script>
	  <img src="images/image1.jpg" name="slide" width="320" height="200"/>
      <script>
				var step=1
				function slideit(){
				if (!document.images)
				return
				document.images.slide.src=eval("image"+step+".src")
				if (step<5)
				step++
				else
				step=1
				setTimeout("slideit()",3000)
				}
				slideit()
		</script>
    </div><!--end slide-->
    
    <div class="info_wrap">
        <h3>Contact info</h3>
        <ul>
        	<li>Mobile phone: 0167 4800 864</li>
        	<li>Address: 3/102 Thái Thịnh 2, Đống Đa, Hà Nội</li>
        	<li>Email: lamhoang.hanu@gmail.com</li>
        	<li>Skype: blacklight1412</li>
            <li>Yahoo: black_light_1412</li>
        </ul>
    </div><!--end contact info-->
    
    </div><!--end right side info bar-->
    
</div><!--end content -->

<div id="footer">
<h6>Made by: LamHoang</h6>
</div><!--end footer -->

</div><!--end wrapper-->

</body>
</html>
